$(function(){
    var cart = (function(){
        // 如果购物车数据存在,那么我们就把购物车数据变成对象； 
        // 如果购物车数据解释时报错我们就重新创建新的的购物车数据; 
        if( localStorage.getItem("cart")){
              var data = null;
              try{
                    data =  JSON.parse( localStorage.getItem("cart") );

              }catch(e){
                    data = {};
              }

              return data;
        } else{
              return {};
        }
  })();
  console.log(cart);
  var html = "";
  for(var attr in cart){
      html += `
      <div class="body">
      <div class="b_p1">
          <input type="checkbox">
          <img src="${cart[attr].img}" alt="">
          <p>${cart[attr].title}</p>
      </div>
      <div class="b_price">
          <p>
              ￥${ cart[attr].price }
          </p>

      </div>
      <div class="b_count">
          <div class="bc_out">
              <button>-</button>
              <input type="text">
              <button>+</button>
          </div>

      </div>
      <div class="b_pcsum">
          <p>
              ￥${cart[attr].count * cart[attr].price}
          </p>
      </div>
      <div class="b_coll">
          <a href="javascript:void(0)" data-id="${ attr }" >删除</a>
      </div>
  </div>
      
 `
  }
  $(".body").append(
    html
);
})